<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品详情页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../../css/market/Details.css" />
		<link rel="stylesheet" href="../../css/Data statistics/reset.css" />
		<script type="text/javascript" src="../../js/common/common.js" ></script>
		<link rel="stylesheet" href="../../icon/market/iconfont.css" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="../../js/market/num-alignment.js"></script>
		<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<script>
			function open1(){
				document.getElementById("float").style.display="block";
			}
			function close1(){
				document.getElementById("float").style.display="none";
			}
			
		</script>
	</head>
	<body>
		<div class="web">
			<header>
				
				<div class="head1 fl">
					<a><i class="iconfont icon-xiaoyuhao"></i></a>
				</div>
				<div class="head2 fl">
					<ul>
						<a href=""><li>商品</li></a>
						<a href=""><li>详情</li></a>
						<a href=""><li>评价</li></a>
						<a href=""><li>推广</li></a>
					</ul>
				</div>
			</header>
			<section>
				<a name="TOP"></a>
				<div class="secBox1">
					<img src="../../img/market/640x640.jpg"/>
				</div>
				<div class="secBox2">
					<div class="secBox2-1 fl">
						<p>澳洲  Swisse护肝片奶蓟草解酒片护肝宝<br />
                                                                    改善脂肪肝保健品120粒/瓶</p>
					</div>
					<div class="secBox2-2 fr">
						<a href=""><i class="iconfont icon-dayuhao"></i></a>
					</div>
				</div>
				<div class="secBox3">
					<ul>
						<li>
							<p>利润<span>￥42.00~￥74.20</span></p>
						</li>
						<li>
							<p>成本<span class="color">￥299.00</span></p>
						</li>
					</ul>
				</div>
				<div class="secBox4">
					<div class="secBox4-1 fl">
						<p>规格<span>原味 &nbsp;120粒/瓶   &nbsp;1瓶</span></p>
					</div>
					<div class="secBox4-2 fr" onclick="open1()">
						<a id="OK"><i class="iconfont icon-dayuhao"></i></a>
					</div>
				</div>
				<div class="secBox4">
					<div class="secBox4-1 fl">
						<p>剩余<span>2901</span></p>
					</div>
				</div>
				<div class="secBox4">
					<div class="secBox4-1 fl">
						<p>运费<span>￥0.00~￥25.00 </span></p>
					</div>
					<div class="secBox4-3 fr">
						<p>76152人正在分销</p>
					</div>
				</div>
				<div class="color1"></div>
				<div class="secBox5">
					<div class="secBox5-1">
						<a href=""><img src="../../img/market/elkos.jpg" /></a>
						<p>elkos官方旗舰店
						<br />
						<span>汇聚全球100%海外正品</span>
						</p>
						<i class="iconfont icon-dayuhao"></i>
						<input type="button" name="" id="" value="关注" />
					</div>
					<div class="secBox5-2">
					    <ul>
					        <li>
					        	<p>1970</p>
					        	<span>全部商品</span>
					        </li>
					        <li>
					        	<p>119.5万</p>
					        	<span>分销商</span>
					        </li>
					        <li class="secBox5-2_1">
					        	<span>企业认证</span><i class="iconfont icon-renzhengchenggong"></i>
					        	<br />
					        	<p>担保交易</p><i class="iconfont icon-renzhengchenggong"></i>
					        </li>
					    </ul>
					</div>
					<div class="secBox5-3">
						<input type="button" value="联系客服"/>
						<input type="button" value="进店逛逛"/>
					</div>
				</div>
				<div class="color1"></div>
				<div class="secBox6">
					<span>^</span>
					<p>上拉查看图文详情</p>
					
				</div>
				
				<a href="#TOP"><div class="maodian">
			       <i class="iconfont icon-top3"></i>
			    </div></a>
			
			</section>
			<footer>
				<div class="foot1">
					<ul>
						<li>
							<a><i class="iconfont icon-kefuerji"></i></a>
							<p>客服</p>
						</li>
						<li>
							<a href=""><i class="iconfont icon-dianpu"></i></a>
							<p>店铺</p>
						</li>
						<li>
							<a href=""><i class="iconfont icon-aixin"></i></a>
							<p>关注</p>
						</li>
					</ul>
				</div>
				<div class="foot2 fr">
					<a href=""><div class="foot2-2 fr">
						<p>自己买</p>
					</div></a>
					<a href=""><div class="foot2-1 fr">
						
						<p>上架到商铺</p>
					</div></a>
				</div>
				
				
			</footer>
			
			<div class="float" id="float">
				<div class="tankuang">
					<div class="tankuang1">
						<div class="tankuang1-1 fl">
						<img src="../../img/market/640x640.jpg" />
						</div>
						<div class="tankuang1-2 fl">
							<h3>
								澳洲 Swisse护肝片奶蓟<br />
	                                                                       草解酒片护肝宝改...
							</h3>
							<p>
								￥299.00
							</p>
							<p class="p1">
								商品编号: 1950235214
							</p>
						</div>
					</div><!--tankuang1-->
					<div class="tankuang2">
						<div class="tankuang2-1 fl">
							<p>规格</p>
						</div>
						<div class="tankuang2-2 fl">
							<a><p>深海鱼油软胶囊高含量130粒</p></a>
							<a><p>益生菌120粒</p></a>
							<a><p>维他命D3  300粒</p></a>
							<a><p>樱桃维生素B12防贫血250粒</p></a>
						</div>
					</div><!--tankuang2-->
					<div class="tankuang3">
						<span>数量</span>
						<input id="6" style="width:105px;" class="alignment" value="0"/>
	
						<script>
					
							// 自定义类型：参数为数组，可多条数据
							alignmentFns.createType([{"test": {"step" : 1, "min" : 1, "max" : 999, "digit" : 0}}]);
							
							// 初始化
							alignmentFns.initialize();
							
							// 销毁
							alignmentFns.destroy();
							
							// js动态改变数据
							$("#1").attr("data-max", "0")
							// 初始化
							alignmentFns.initialize();
							
						</script>
					</div><!--.tankuang3-->
					<div class="tankuang4">
						<div class="tankuang4-1 fl">
							<a href=""><p>立即购买</p></a>
						</div>
						<div class="tankuang4-2 fl">
							<a href=""><p>加入购物车</p></a>
						</div>
					</div>
					
				</div><!--tankuang-->
			</div>
		</div><!--web-->
		<script>
				document.body.style.height  = window.innerHeight+"px";
        </script>
	</body>
</html>
